{"componentChunkName":"component---src-templates-blog-post-js","path":"/2018-08-31-ternary-operator /","result":{"data":{"site":{"siteMetadata":{"title":"LearnApplyShare"}},"markdownRemark":{"id":"444c8686-8990-5e8e-b482-9a4ecc7d1461","excerpt":"주어진 배열에서 양수의 개수를 구하고자 할 때 reduce를 이용하여 아래와 같이 양수의 누적값을 카운트할 수 있다. 함수의 결과값을 잠시 예측해보자. 양수의 개수는 2가 맞지만 위 코드의 실행결과는 1이 된다. 왜 일까? 문제는 표현에 있다. a…","html":"

주어진 배열에서 양수의 개수를 구하고자 할 때 reduce를 이용하여 아래와 같이 양수의 누적값을 카운트할 수 있다.

\n
;[-1, 2, 3].reduce((a, c) => (a + c > 0 ? 1 : 0), 0)
\n

reduce() 함수의 결과값을 잠시 예측해보자.

\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n혹시 결과값이 2라고 예측하신 분만 계속 보세요..\n
\n
\n
\n

양수의 개수는 2가 맞지만
\n위 코드의 실행결과는 1이 된다.

\n
\n

왜 일까?

\n

문제는 a + c>0 ? 1 : 0 표현에 있다. a 변수에 삼항연산자의 값을 더하고자 했던 표현이지만, 실제 연산은 (a + c)>0 ? 1 : 0 와 같이 수행이 되기 때문이다

\n
\n

결론은

\n

삼항연산자를 사용할 땐 꼭 괄호로 묶어주는 습관을 갖자

\n
a + (c>0 ? 1 : 0)
","frontmatter":{"title":"삼항연산자 사용시 주의사항","date":"August 31, 2018","description":null,"tags":["ternary-operator"]}}},"pageContext":{"slug":"/2018-08-31-ternary-operator /","previous":{"fields":{"slug":"/2018-08-31-array-reduce/"},"frontmatter":{"title":"[js] How reduce() works"}},"next":{"fields":{"slug":"/2018-09-01-minimum-number /"},"frontmatter":{"title":"안전한 비밀번호 체크"}}}}}